<seed-content #content class="gray-background">
  <seed-toolbar-header>
    <seed-toolbar-title>{{store.goodsTypeTitle}}</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="seed-train-box gray-background">
    <seed-infinite-scroll (infiniteScroll)="getGoosList()" *ngIf="store.goods.length>0">

      <seed-card class="seed-flexbox"
                 *ngFor="let item of store.goods"
                 [routerLink]="[item.nextStepUrl]"
      >
        <seed-img [lazyLoadImg]=" item.imgList && item.imgList[0]?.goodsLargeUrl" [defaultImg]="'longer'"></seed-img>
        <div class="seed-flexbox seed-flexbox-item2 seed-flexbox-column seed-flexbox-content-between">
          <seed-card-title class="seed-line-clamp2">{{item.goodsName}}</seed-card-title>
          <div class="seed-flexbox seed-flexbox-content-center seed-flexbox-column">
            <seed-item class="seed-item-block badge">
              <seed-badge-label>{{item.goodsCateName}}</seed-badge-label>
            </seed-item>
            <seed-item class="seed-flexbox seed-flexbox-content-between badge" >
              <time class="all-the-time" *ngIf="params.goodsCategoryCode=='V11'">报名时间：{{item?.ext}}</time>
              <!--<time class="all-the-time">2017/08/01-2017/10/18</time>-->
            </seed-item>
            <seed-item class="seed-item-block goods-price-spec">
              <div class="goods-price" *ngIf="item.goodsLowestPrice>0"><span class="goods-price-symbol">¥</span> {{item.goodsLowestPrice|money}}</div>
              <div class="goods-price" *ngIf="item.goodsLowestPrice==0">免费</div>
            </seed-item>
          </div>
        </div>
      </seed-card>
      <seed-infinite-scroll-content>
      </seed-infinite-scroll-content>
    </seed-infinite-scroll>

    <seed-default-graph [text]="'暂无发布服务'"
                        *ngIf="!store.hasData"
    ></seed-default-graph>
    <!--<seed-modal #modal [content]="content" class="seed-modal-flaw">-->
      <!--<seed-filter #filter-->
                   <!--class="seed-modal-content"-->
                   <!--[data]="filterData"-->
                   <!--(onConfirm)="onSelected($event)"-->
      <!--&gt;-->
      <!--</seed-filter>-->
    <!--</seed-modal>-->
  </div>
  <!--<seed-filter-trigger class="seed-scroll-outside"-->
                       <!--(click)="modal.show()"-->
                       <!--*ngIf="store['hasData'] && filterData.length > 1">-->
  <!--</seed-filter-trigger>-->
</seed-content>
